<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*标签样式*//*内部样式表*/
        p{
            color: brown;
        }
        /*类样式*/
        .f20{
            font-size: 20px;
        }
    </style>
    <link rel="stylesheet" href="css/Demo02.css"><!--外部样式表-->
</head>
<body>
<div id="div1">
    <!--<p>一</p>
    <p class="f20">二</p>
    <p ID="t3">三</p>-->
    <div id="div2">
        <p>一</p>
    <p class="f20">二</p>
    <p ID="t3">三</p>
    </div>
</div>
<!--<div>
    <p>四</p>
    <p style="color: blueviolet">五</p>&lt;!&ndash;嵌入式样式表&ndash;&gt;
</div>-->
</body>
</html>